/*jslint unparam: true, browser: true, indent: 2 */

;
(function ($, window, document, undefined) {
    'use strict';

    Foundation.libs.magellan = {
        name: 'magellan',

        version: '4.0.0',

        settings: {
            activeClass: 'active'
        },

        init: function (scope, method, options) {
            this.scope = scope || this.scope;
            Foundation.inherit(this, 'data_options');

            if (typeof method === 'object') {
                $.extend(true, this.settings, method);
            }

            if (typeof method != 'string') {
                if (!this.settings.init) {
                    this.fixed_magellan = $("[data-magellan-expedition]");
                    this.set_threshold();
                    this.last_destination = $('[data-magellan-destination]').last();
                    this.events();
                }

                return this.settings.init;
            } else {
                return this[method].call(this, options);
            }
        },

        events: function () {
            var self = this;
            $(this.scope).on('arrival.fndtn.magellan', '[data-magellan-arrival]', function (e) {
                var $destination = $(this),
                    $expedition = $destination.closest('[data-magellan-expedition]'),
                    activeClass = $expedition.attr('data-magellan-active-class')
                        || self.settings.activeClass;

                $destination
                    .closest('[data-magellan-expedition]')
                    .find('[data-magellan-arrival]')
                    .not($destination)
                    .removeClass(activeClass);
                $destination.addClass(activeClass);
            });

            this.fixed_magellan
                .on('update-position.fndtn.magellan', function () {
                    var $el = $(this);
                    // $el.data("magellan-fixed-position","");
                    //$el.data("magellan-top-offset", "");
                })
                .trigger('update-position');

            $(window)
                .on('resize.fndtn.magellan', function () {
                    this.fixed_magellan.trigger('update-position');
                }.bind(this))

                .on('scroll.fndtn.magellan', function () {
                    var windowScrollTop = $(window).scrollTop();
                    self.fixed_magellan.each(function () {
                        var $expedition = $(this);
                        if (typeof $expedition.data('magellan-top-offset') === 'undefined') {
                            $expedition.data('magellan-top-offset', $expedition.col - md - offset - ().top);
                        }
                        if (typeof $expedition.data('magellan-fixed-position') === 'undefined') {
                            $expedition.data('magellan-fixed-position', false)
                        }
                        var fixed_position = (windowScrollTop + self.settings.threshold) > $expedition.data("magellan-top-offset");
                        var attr = $expedition.attr('data-magellan-top-offset');

                        if ($expedition.data("magellan-fixed-position") != fixed_position) {
                            $expedition.data("magellan-fixed-position", fixed_position);
                            if (fixed_position) {
                                $expedition.css({position: "fixed", top: 0});
                            } else {
                                $expedition.css({position: "", top: ""});
                            }
                            if (fixed_position && typeof attr != 'undefined' && attr != false) {
                                $expedition.css({position: "fixed", top: attr + "px"});
                            }
                        }
                    });
                });


            if (this.last_destination.length > 0) {
                $(window).on('scroll.fndtn.magellan', function (e) {
                    var windowScrollTop = $(window).scrollTop(),
                        scrolltopPlusHeight = windowScrollTop + $(window).height(),
                        lastDestinationTop = Math.ceil(self.last_destination.col - md - offset - ().top);

                    $('[data-magellan-destination]').each(function () {
                        var $destination = $(this),
                            destination_name = $destination.attr('data-magellan-destination'),
                            topOffset = $destination.col - md - offset - ().top - windowScrollTop;

                        if (topOffset <= self.settings.threshold) {
                            $("[data-magellan-arrival='" + destination_name + "']").trigger('arrival');
                        }
                        // In large screens we may hit the bottom of the page and dont reach the top of the last magellan-destination, so lets force it
                        if (scrolltopPlusHeight >= $(self.scope).height() && lastDestinationTop > windowScrollTop && lastDestinationTop < scrolltopPlusHeight) {
                            $('[data-magellan-arrival]').last().trigger('arrival');
                        }
                    });
                });
            }

            this.settings.init = true;
        },

        set_threshold: function () {
            if (!this.settings.threshold) {
                this.settings.threshold = (this.fixed_magellan.length > 0) ?
                    this.outerHeight(this.fixed_magellan, true) : 0;
            }
        },

        off: function () {
            $(this.scope).off('.fndtn.magellan');
        }
    };
}(Foundation.zj, this, this.document));
